<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/baseChildHealth/css/selfRecord/selfRecordComm.css">
<link rel="stylesheet" href="page/baseChildHealth/css/selfRecord/progestationSelfRecord.css">
<body>
    <div>
        <div id="selfRecordInfo" class="selfRecord-info mb15"></div>
        <div class="selfRecord-classify clearfix">
            <div>备孕爸妈自我记录</div>
            <div>备孕妈妈BMI值记录</div>
            <div>备孕妈妈月经与体温记录</div>
        </div>
	    <div class="selfRecord-con">
	        <div class="con">
	        	<div class="tab-wrap clearfix" style="display: none">
	        		<div class="arrow-left"><i class="fa fa-chevron-left" aria-hidden="true"></i></div>
                    <div class="tab-show" id="tabShow2"></div>
                    <div class="arrow-right"><i class="fa fa-chevron-right" aria-hidden="true"></i></div>
                </div>
	            <div id="selfRecordTable" class="selfRecord-table mt15"></div>
	        </div> 
	        <div class="con">
	        	<!-- BMI -->
	            <div class="bmi-box clearfix">
					<div class="bmi-legend">
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>低体重</span>
						</div>
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>标准体重</span>
						</div>
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>超重</span>
						</div>
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>肥胖</span>
						</div>
					</div>
	            </div>
	           <div id="bmiTable" class="bmi-table"></div>
	           <div id="bmiTablePage" class="bmi-table-page"></div>
	        </div>
	        <div class="con">
	        	<!-- 月经与体温 menses temperature -->
	        	<div class="mt-box clearfix">
	        		<div class="mt-date">
					    <label for="mt-year" class="control-label">年份</label>
					    <div class="input-group">
					      	<input type="text" class="form-control" id="mt-year" placeholder="请输入年，如：2018">
					      	<span class="input-group-btn">
					        	<button class="btn btn-default" type="button">搜索</button>
					      	</span>
					    </div>
					</div>
					<div class="mt-legend">
						<div class="item">
							<i class="fa fa-stop" aria-hidden="true"></i>
							<span>月经期</span>
						</div>
						<div class="item">
							<i class="fa fa-heart" aria-hidden="true"></i>
							<span>同房</span>
						</div>
					</div>
	        	</div>
	            <div id="mtTable" class="mt-table"></div>
	        </div>
       	</div>
    </div>
<script type="text/javascript">
require(['jquery','bch/app/selfRecord/progestationSelfRecord'],function($,$progestationSelfRecord){
    $progestationSelfRecord.init();  
});
</script>
</body>
